import { SignIn } from "@clerk/nextjs";

export default function Page() {
  return (
    <div className="py-16 h-dvh">
      <div className="flex max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-sm lg:max-w-4xl">
        <div
          className={
            "hidden bg-cover lg:block lg:w-1/2 bg-[url(https://images.unsplash.com/photo-1546514714-df0ccc50d7bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80)]"
          }
        ></div>
        <div className="w-full p-2 lg:p-6 lg:w-1/2">
          <SignIn />
        </div>
      </div>
    </div>
  );
}
